@layout("/common/_container.html"){
<div class="row">

    <div class="wrap">
        <p>App信息预览</p>
        <h5>贷款平台页展示信息</h5>
        <div>
            <div class="col-lg-4 col-sm-4 col-xs-4">
                <img src="${loanProduct.productImg}" style="width: 100px;height: 100px">
            </div>
            <div class="col-lg-8 col-sm-8 col-xs-8 labelB">
                <p>平台优势</p>
                @for(item in labels){
                <span>${item}</span>
                @}
                <p>￥${quato}</p>
            </div>
            <div class="advantage">
                <ul>
                    <li>日利率 <br>${loanProduct.dailyInterestRate}</li>
                    <li>期限范围 <br>${loanProduct.minCycle}
                        @if(isNotEmpty(loanProduct.maxCycle)){
                        --${loanProduct.maxCycle}
                        @}
                    </li>
                    <li>最快放款 <br>${loanProduct.lendSpeed}</li>
                </ul>
            </div>
            <div class="content">
                <p>申请条件</p>
                <ul>
                    @for(item in applyCondition){
                    <li>${item}</li>
                    @}
                </ul>

                <p>所需材料</p>
                <ul>
                    @for(item in requireDocument){
                    <li>${item}</li>
                    @}
                </ul>

                <p>产品简介</p>
                <ul>
                    @for(item in briefIntroduction){
                    <li>${item}</li>
                    @}
                </ul>
            </div>
        </div>
        <#button btnCss="danger" name="提钱花" id="cancel" icon="fa-eraser" clickFun="LoanProduct.getMoney('${loanProduct.link}')"/>
    </div>
</div>
<style type="text/css">
    .wrap{
        width: 375px;
        height: 680px;

    }
    .wrap .advantage{
        width: 375px;
        height:150px;
        border:1px solid gray;
    }
    .wrap .advantage ul{
        overflow: hidden;
        width: 100%;
        height:150px;
        padding: 0 !important;
        margin: 0;
        display: block;
    }
    .wrap .advantage ul li{
        width: 33.3%;
        float: left;
        list-style: none;
        border:1px solid gray;
    }
    .labelB span{
        display: inline-block;
        width: 60px;
        border: 1px solid gray;
        margin-left: 8px;
    }
    .content{
        border: 1px solid gray;
    }
    .content ul li{
        list-style: none;
    }
    .wrap{
        margin: 0 auto;
    }
</style>
<script src="${ctxPath}/static/modular/platform/loanProduct/loanProduct.js"></script>
@}
